<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <link th:href="@{/asserts/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="panel panel-default" style="width: 70%;margin: 20px auto">
    <div class="panel-heading">管理员信息查询</div>
    <div class="panel-body">
        <form method="post" th:action="@{/image/listui}" class="form-inline">
            图片名称： <input type="text" name="image_name" class="form-control" th:value="${qb.image_name}"/>
            状态：
            <select name="manager_status" class="form-control">
                <option value="">请选择状态</option>
                <option value="已审核" th:selected="${qb.image_status=='已审核'}">已审核</option>
                <option value="未审核" th:selected="${qb.image_status=='未审核'}">未审核</option>
            </select>
            <button type="submit" class="btn btn-info">查询</button>

        </form>
    </div>
</div>
<div style="width: 90%;margin: 20px auto;text-align: right">
    <a th:href="@{/image/addui}" class="btn btn-success">增加</a>
</div>
<table class="table table-bordered table-hover table-striped table-condensed" style="width: 70%;margin: 20px auto">
    <thead>
    <tr>
        <th>图片id</th>
        <th>图片名称</th>
        <th>图片类型</th>
        <th>查看次数</th>
        <th>点赞次数</th>
        <th>发布时间</th>
        <th>发布人</th>
        <th>审核人</th>
        <th>图片状态</th>
        <th>审核结果</th>
        <th>操作</th>
    </tr>
    <tbody>
    <!--循环展示管理员
    ${pb.list}:相当于掉用法了pageInfo类型对象的getList方法
    -->

    <tr th:each="image:${pb.list}">
        <td th:text="${image.image_id}"></td>
<!--        <td th:text="${image.image_name}"></td>-->
        <td th:text="${image.image_name==null?'':image.image_name}"></td>
        <td th:text="${image.imageType==null?'':image.imageType.type_name}"></td>
        <td th:text="${image.image_play}"></td>
        <td th:text="${image.image_good}"></td>
        <td th:text="${#dates.format(image.image_time,'yyyy-MM-dd HH:mm:ss')}"></td>
        <td th:text="${image.user==null?'':image.user.user_name}"></td>
        <td th:text="${image.manager==null?'':image.manager.manager_name}"></td>
        <td th:text="${image.image_status}"></td>
        <td th:text="${image.image_pass_status}"></td>
        <td>
            <a  class="btn btn-danger btn-xs" th:href="@{/image/passui(image_id=${image.image_id})}"  th:if="${image.image_status=='未审核'}">审核</a>
        </td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
        <td colspan="12"  align="center">
            <ul class="pagination">
                <li><a th:href="@{/image/listui(currentPage=${pb.pageNum-1})}">&laquo;</a></li>
                <!--1 2 3 4 5 应该循环查询pages:总页码
                 url传值： /mananer/listui?currentPage=1
                -->

                <li  th:class="${pb.pageNum==i?'active':''}" th:each="i:${#numbers.sequence(1,pb.pages)}"><a th:href="@{/image/listui(currentPage=${i})}" th:text="${i}"></a></li>

                <li><a th:href="@{/image/listui(currentPage=${pb.pageNum+1})}">&raquo;</a></li>
            </ul>

        </td>

    </tr>





    </tfoot>
</table>


<script>
    //@{/manager/listui(currentPage=${i})}
    //index:表示的是页码
    function goPage(index){

        //将当前页的信息保存到隐藏域中
        searhForm.currentPage.value=index;
        //可以以js的方式进行表单提交
        searhForm.submit();
    }
</script>
<!--<script type="text/javascript" th:src="@{/asserts/js/jquery-1.12.3.min.js}"></script>-->
<!--<script type="text/javascript" th:src="@{/asserts/js/bootstrap.min.js}"></script>-->
</body>
</html>